<template>
  <div id="package-record">
    <c-title text="套餐记录"></c-title>
    <div class="meal-pane">
      <d-list :loading="loading" :finished="finished" @load="onLoad">
        <div class="meal-expense" v-for="(item,index) in logList" :key="index">
          <div class="top-row">
            <div class="left-title">{{item.type_name}}</div>
            <div class="right-time">{{item.created_at}}</div>
          </div>
          <div class="meal-tip" v-if="item.type !== 11 && item.type !== 22">{{item.desc}}</div>
        </div>
      </d-list>
    </div>
  </div>
</template>
<script>
import package_record_controller from "./package_record_controller";

export default package_record_controller;
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
#package-record {
  .meal-pane {
    margin-top: 0.4rem;
    background: white;
    padding: 0.975rem 0.6rem;

    .meal-expense {
      padding-bottom: 1.025rem;
      margin-bottom: 1rem;
      border-bottom: 0.025rem solid #ececec;

      .top-row {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .left-title {
          font-size: 0.85rem;
          font-weight: 500;
          color: #333;
        }

        .right-time {
          font-size: 0.75rem;
          font-weight: 400;
          color: #c2c2c2;
        }
      }

      .meal-tip {
        font-size: 0.7rem;
        font-weight: 400;
        color: #c2c2c2;
        margin-top: 0.5rem;
        text-align: left;
      }
    }
  }
}
</style>
